<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no" />
    <meta name="keywords" content="通联卡">
    <meta name="description" content="通联卡">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/applyInstalmentP.css">
    <script type="text/javascript" src="../js/urlVar.js"></script>
</head>

<body>
    <div id="all-box">
        <div id="root">
            <header>
                <span>申请分期</span>
            </header>
            <div class="cells cells_split">
                <div class="cell check_label">
                    <div class="cell_hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                    <div class="cell_bd">
                        <p>订单信息</p>
                    </div>
                </div>
                <div class="cell infos">
                    <div class="cell_hd">
                        商户简称
                    </div>
                    <div class="cell_bd cell_primary">
                        <p id="merName">京东商城</p>
                    </div>
                </div>
                <div class="cell infos">
                    <div class="cell_hd">
                        订单编号
                    </div>
                    <div class="cell_bd cell_primary">
                        <p id="orderId">2121433425</p>
                    </div>
                </div>
                <div class="cell infos">
                    <div class="cell_hd">
                        订单时间
                    </div>
                    <div class="cell_bd cell_primary">
                        <p id="orderTime">2016-08-10 9:46</p>
                    </div>
                </div>
                <div class="cell infos">
                    <div class="cell_hd">
                        订单金额
                    </div>
                    <div class="cell_bd cell_primary">
                        <p id="lfq_amt">3000元</p>
                    </div>
                </div>
                <div class="cell tishi">
                    <div class="cell_bd cell_primary">
                        <p class="tar">该商户仅支持600—<span id="maxApplyNum">20000</span>元商品分期</p>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell_hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                    <div class="cell_bd cell_primary">
                        <p>分期期数</p>
                    </div>
                    <div id="stageNumberBox" class="cell_ft">
                        <!-- <span data-number="6" class="checked bf1"><span>6期免息</span></span>
                        <span data-number="12" class="bf1"><span>12期免息</span></span> -->
                        <select id="stageNum">
                            <!-- <option value="6">6期</option>
                            <option value="12">12期</option>
                            <option value="18">18期</option> -->
                        </select>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell_prompt">
                        <p class="tar">分期手续费:仅需<span id="eachFee"></span>每期,共<span>0.00</span>元</p>
                    </div>
                </div>
                <div class="cells_title bgb">还款测算(元)</div>
                <div class="cell bgb bt0">
                    <div class="cell_f4 lh20_m12">
                        <p id="eachPrincipal"></p>
                        <p class="fs14">商品本金</p>
                    </div>
                    <div class="cell_f2 lh20_m12">
                        <p class="tc"> + </p>
                    </div>
                    <div class="cell_f3 lh20_m12 tc">
                        <p class="eachFeeNum"></p>
                        <p class="fs14">手续费</p>
                    </div>
                    <div class="cell_f2 lh20_m12">
                        <p class="tc"> = </p>
                    </div>
                    <div class="cell_f6 lh20_m12">
                        <p id="eachMoney"></p>
                        <p class="plem fs14">每期</p>
                    </div>
                </div>
                <div class="cell bgb pt">
                    <div class="cell_bd lh20_m12">
                        <p class="ts12">分期总额(元):</p>
                    </div>
                    <div class="cell_fl lh20_m12">
                        <p id="countMoney"></p>
                    </div>
                </div>
            </div>
            <!--        <div id="root_footer"></div>  -->
        </div>
        <div id="footer">
            <div id="agreement-box">
                <div id="checkButton">
                    <div class="icheckbox-blue checked">
                        <input type="checkbox" id="agreement-check" class="light" name="agreement" value="agreement" checked />
                    </div>
                    <label>我已阅读并同意</label>
                </div>
                <a id="contract" href="contract.html">《个人消费分期支付合同》</a>
            </div>
            <div>
                <a id="next-step" class="btn btn_disabled btn_default" href="javascript:;">下一步</a>
            </div>
        </div>
        <!-- 提示弹框 -->
        <div class="modal" id="tishuModal">
            <div id="back"></div>
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">提示</h4>
                    </div>
                    <div id="msg_lable" class="modal-body">
                    </div>
                    <div class="modal-footer">
                        <a type="button" id="modalButton">确认</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../js/zepto.min.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript" src="../js/applyPay.min.js"></script>
    <!--
    <script type="text/javascript" src="../jsDevelop/base/require.js"></script>
    <script type="text/javascript" src="../jsDevelop/components/winLocation.js"></script>
    <script type="text/javascript" src="../jsDevelop/lfqPay/cmodal.js"></script>
    <script type="text/javascript" src="../jsDevelop/lfqPay/apply1.js"></script>
    -->
</body>

</html>
